@extends('main.layout')
@section('link')
    <title>联系我们-艺点意创-品牌顾问,创意设计,传播执行,线上最大品牌创意整合机构</title>
    <meta content="品牌管理,全案策划,logo设计,UI设计,SI设计,工业设计,景观设计,包装设计,网站建设,物料印刷" name='Keywords'>
    <meta content="艺点意创是中国线上最大的品牌创意整合机构，是国内最优秀的LOGO设计、品牌管理全案与标志VI设计公司之一，先后服务宗申、冬奥会、故宫、蒙牛、乌镇、猪八戒等超过5万家企业，是CCTV唯一报道的线上创意服务商。" name='Description'>
    <link rel="stylesheet" type="text/css" href="/css/home/contant.css"/>
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
    <script src="/js/home/y_script.js" type="text/javascript" charset="utf-8"></script>
    <script>
        $(function(){
            var _url = window.location.href;
            var _u = _url.substr(_url.length-2);
            if(_u == '#b'){
                $("html,body").animate({"scrollTop": "2154px"}, 1000);
            }else if(_u == '#t'){
                $("html,body").animate({"scrollTop": "1752px"}, 1000);
            }else if(_u == '#s'){
                $("html,body").animate({"scrollTop": "2556px"}, 1000);
            }else if(_u == '#c'){
                $("html,body").animate({"scrollTop": "2958px"}, 1000);
            }else if(_u == '#g'){
                $("html,body").animate({"scrollTop": "3360px"}, 1000);
            }
            if( ("onhashchange" in window) && ((typeof document.documentMode==="undefined") || document.documentMode==8)) {
                // 浏览器支持onhashchange事件
                window.onhashchange = hashChangeFire;  // TODO，对应新的hash执行的操作函数
            }
//            else {
//                // 不支持则用定时器检测的办法
//                setInterval(function() {
//                    var ischanged = isHashChanged();  // TODO，检测hash值或其中某一段是否更改的函数
//                    if(ischanged) {
//                        hashChangeFire();  // TODO，对应新的hash执行的操作函数
//                    }
//                }, 150);
//            }
//            $('.set_maodian').click(function(){
//                var u = $('.set_maodian').attr('href').substr($('.set_maodian').attr('href').length-2);
//                if(u == _u){
//                    location.reload();
//                }
//            });

        });
        function hashChangeFire(){
            location.reload();
        }
    </script>
@endsection
@section('content')

    <div class='h_zhaopin_container' style="margin-top: 90px;">
        <div class="h_zhaopin_banner">

            <div class="h_contant_banner1">
                <div class="h_banner_span">
                    <span class="h_banner_span1">塑造成功品牌</span>
                    <span class="h_banner_span2">只差与艺点一个电话的距离</span>
                    <div class="h_contant_span3">
                        Successful brands, just Only need a telephone
                    </div>
                </div>
            </div>

            <div class="h_contant_map">

                <div class="h_ty">
                    <span class="h_ty_dm">太原</span>
                    <img class="h_ty_img" src="/image/home/h_yuan.png">
                </div>
                <div class="h_tj"><img class="h_tj_img" src="/image/home/h_yuan.png">
                    <span class="h_tj_dm">天津</span>

                </div>
                <div class="h_dz">
                    <span class="h_dz_dm">德州</span>
                    <img class="h_dz_img" src="/image/home/h_yuan.png">
                </div>
                <div class="h_jn">

                    <img class="h_jn_img" src="/image/home/h_yuan.png">
                    <span class="h_jn_dm">济南</span>
                </div>
                <div class="h_ss">

                    <img  class="h_ss_img" src="/image/home/h_yuan.png">
                    <span class="h_ss_dm">上海</span>
                </div>
                <div class="h_cq">

                    <img class="h_cq_img" src="/image/home/h_yuan.png"><br />
                    <span class="h_cq_dm">重庆</span>
                </div>
                <div class="h_sz">
                    <span class="h_sz_dm">苏州</span><br />
                    <img class="h_sz_img" src="/image/home/h_yuan.png">
                </div>
                <div class="h_hz">
                    <img class="h_hz_img" src="/image/home/h_yuan.png"><br />
                    <span class="h_hz_dm">杭州</span>
                </div>
                <div class="h_bj">
                    <span class="h_bj_dm">北京</span><br />
                    <img class="h_bj_img" src="/image/home/h_red_star.png">
                </div>
                <div class="h_contant_maplt">
                    <div class="maplt1">NATIONAL</div>
                    <div class="maplt2">National layout</div>
                    <div class="maplt3">战略布局全国</div>
                </div>

                <div class="h_contant_mapld">
                    <p>旗舰级创意创作团队</p>
                    <p><span class="mapld_bold">4</span>地全案中心 </p>
                    <p><span class="mapld_bold">9</span> 家直属分公司 </p>
                    <p>超<span class="mapld_bold">300人</span>创意团队 </p>
                    <p>每年服务超<span class="mapld_bold">10000家企业</span> </p>
                    <p>帮助 <span class="mapld_bold">千万中小企业</span> 成就品牌价值</p>

                </div>
                <div class="h_contant_maprd">
                    <p>全国统一服务电话</p>
                    <span class="mapld_bold1">400 - 688 - 1314</span>
                </div>
            </div>

        </div>
    </div>
    <div class="h_contact">
        <div class="h_contact_container">
            <div style="width: 100%;height: 110px ;"></div>
            <div class="h_contant_maplt">
                <div class="maplt1">CONTACT</div>
                <div class="maplt2">Us</div>
                <div class="maplt4">联系我们</div>
            </div>
            <div class="h_ditu">
                <div class="h_ditul" id="dituContent">

                </div>
                <div class="h_ditur">
                    <div class="h_ditu_p1">艺点天津</div>
                    <div class="h_ditu_p2"> 天津红桥区光荣道<br />
                        宝能创业中心A座24层</div>
                    <div class="h_ditu_p3"> 电话</div>
                    <div class="h_ditu_p4">13332079229</div>
                    <div class="h_ditu_p3">QQ</div>
                    <div class="h_ditu_p4">2850279675</div>
                </div>
            </div>
            <div class="h_ditu">
                <div class="h_ditul" id="dituContent1">

                </div>
                <div class="h_ditur">
                    <div class="h_ditu_p1">  艺点北京</div>
                    <div class="h_ditu_p2"> 北京市朝阳区望京东路<br />锐创国际2号楼2008室</div>
                    <div class="h_ditu_p3"> 电话</div>
                    <div class="h_ditu_p4"> 13911364626</div>
                    <div class="h_ditu_p3"> QQ</div>
                    <div class="h_ditu_p4"> 3387522094</div>

                </div>
            </div>
            <div class="h_ditu">
                <div class="h_ditul" id="dituContent3">

                </div>
                <div class="h_ditur">
                    <div class="h_ditu_p1">艺点上海</div>
                    <div class="h_ditu_p2"> 上海市徐汇区石龙路581号<br />漕河泾德必易园（近龙川北<br />路）2层221</div>
                    <div class="h_ditu_p3"> 电话</div>
                    <div class="h_ditu_p4">13206099899</div>
                    <div class="h_ditu_p3">QQ</div>
                    <div class="h_ditu_p4">466623121</div>
                </div>
            </div>
            <div class="h_ditu">
                <div class="h_ditul" id="dituContent4">

                </div>
                <div class="h_ditur">
                    <div class="h_ditu_p1">艺点重庆</div>
                    <div class="h_ditu_p2"> 重庆市渝北区两江新区<br />互联网产业园3号楼1楼</div>
                    <div class="h_ditu_p3"> 电话</div>
                    <div class="h_ditu_p4">15618241717</div>
                    <div class="h_ditu_p3">QQ</div>
                    <div class="h_ditu_p4">2853906597</div>
                </div>
            </div>

            <div class="h_map_listl">
                <div class="h_map_listl1">
                    <div class="h_qq_test">
                        <img src="/image/home/h_zhaopin_dingwei.png" />
                        <p class="h_map_text1">浙江省杭州市下沙经济开发区学源街1158-1文创大厦7楼717</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_phone.png">
                        <p class="h_map_text1"> 18067965181</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_qq.png">
                        <p class="h_map_text1">2850279676</p>
                    </div>

                </div>
                <div class="h_map_listlr">
                    <p class="h_map_listr1">艺点杭州</p>
                    <p class="h_map_listr2">HANGZHOU</p>
                </div>
            </div>

            <div class="h_map_listr">
                <div class="h_map_listl1">
                    <div class="h_qq_test">
                        <img src="/image/home/h_zhaopin_dingwei.png" />
                        <p class="h_map_text1">山东省德州市三八东路1266号鑫源国际大厦四楼</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_phone.png">
                        <p class="h_map_text1">15853458799</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_qq.png">
                        <p class="h_map_text1">1404046078</p>
                    </div>

                </div>
                <div class="h_map_listlr">
                    <p class="h_map_listr1">艺点德州</p>
                    <p class="h_map_listr2">DEZHOU</p>
                </div>
            </div>
            <div class="h_map_listl">
                <div class="h_map_listl1">
                    <div class="h_qq_test">
                        <img src="/image/home/h_zhaopin_dingwei.png" />
                        <p class="h_map_text1">山东省济南市历下区千佛山路北口历山名郡商务港213室</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_phone.png">
                        <p class="h_map_text1">17862903345</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_qq.png">
                        <p class="h_map_text1">2880644290</p>
                    </div>

                </div>
                <div class="h_map_listlr">
                    <p class="h_map_listr1">艺点济南</p>
                    <p class="h_map_listr2">JINAN</p>
                </div>
            </div>

            <div class="h_map_listr">
                <div class="h_map_listl1">
                    <div class="h_qq_test">
                        <img src="/image/home/h_zhaopin_dingwei.png" />
                        <p class="h_map_text1">江苏省苏州市吴中区珠江南路金枫城市设计产业园1311室</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_phone.png">
                        <p class="h_map_text1">13206099899</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_qq.png">
                        <p class="h_map_text1">466623121</p>
                    </div>

                </div>
                <div class="h_map_listlr">
                    <p class="h_map_listr1">艺点苏州</p>
                    <p class="h_map_listr2">SUZHOU</p>
                </div>
            </div>
            <div class="h_map_listl">
                <div class="h_map_listl1">
                    <div class="h_qq_test">
                        <img src="/image/home/h_zhaopin_dingwei.png" />
                        <p class="h_map_text1">山西省太原市山西大学南门山大艺道2015室</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_phone.png">
                        <p class="h_map_text1">17862903345</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_qq.png">
                        <p class="h_map_text1">2880644290</p>
                    </div>

                </div>
                <div class="h_map_listlr">
                    <p class="h_map_listr1">艺点太原</p>
                    <p class="h_map_listr2">TAIYUAN</p>
                </div>
            </div>

            <div class="h_map_listr">
                <div class="h_map_listl1">
                    <div class="h_qq_test">
                        <img src="/image/home/h_zhaopin_dingwei.png" />
                        <p class="h_map_text1">云南省昆明市五华区学府路金鼎科技园17号平台八戒园区一楼</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_phone.png">
                        <p class="h_map_text1">13888307690</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_qq.png">
                        <p class="h_map_text1">354962135</p>
                    </div>

                </div>
                <div class="h_map_listlr">
                    <p class="h_map_listr1">艺点昆明</p>
                    <p class="h_map_listr2">KUNMING</p>
                </div>
            </div>
            <div class="h_map_listl">
                <div class="h_map_listl1">
                    <div class="h_qq_test">
                        <img src="/image/home/h_zhaopin_dingwei.png" />
                        <p class="h_map_text1">湖南省长沙市岳麓区麓云路268号梅溪湖创新中心2502室</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_phone.png">
                        <p class="h_map_text1">17673130543</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_qq.png">
                        <p class="h_map_text1">354962135</p>
                    </div>

                </div>
                <div class="h_map_listlr">
                    <p class="h_map_listr1">艺点湖南</p>
                    <p class="h_map_listr2">HUNAN</p>
                </div>
            </div>

            <div class="h_map_listr">
                <div class="h_map_listl1">
                    <div class="h_qq_test">
                        <img src="/image/home/h_zhaopin_dingwei.png" />
                        <p class="h_map_text1">内蒙古呼和浩特市新城区海拉尔街东方银座三号楼八戒园区二楼</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_phone.png">
                        <p class="h_map_text1">15754855588</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_qq.png">
                        <p class="h_map_text1">354962135</p>
                    </div>

                </div>
                <div class="h_map_listlr">
                    <p class="h_map_listr1">艺点呼和浩特</p>
                    <p class="h_map_listr2">HUHEHAOTE</p>
                </div>
            </div>
            <div class="h_map_listl">
                <div class="h_map_listl1">
                    <div class="h_qq_test">
                        <img src="/image/home/h_zhaopin_dingwei.png" />
                        <p class="h_map_text1">广西南宁市江南区沙井大道56号华南城3号广场四楼</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_phone.png">
                        <p class="h_map_text1">13597346674</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_qq.png">
                        <p class="h_map_text1">1192004378</p>
                    </div>

                </div>
                <div class="h_map_listlr">
                    <p class="h_map_listr1">艺点南宁</p>
                    <p class="h_map_listr2">NANNING</p>
                </div>
            </div>
            <div class="h_map_listr">
                <div class="h_map_listl1">
                    <div class="h_qq_test">
                        <img src="/image/home/h_zhaopin_dingwei.png" />
                        <p class="h_map_text1">浙江省宁波市慈溪市猪八戒网浙东总部园区</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_phone.png">
                        <p class="h_map_text1">15618241717</p>
                    </div>
                    <div class="h_qq">
                        <img src="/image/home/h_zhaopin_qq.png">
                        <p class="h_map_text1">2853906597</p>
                    </div>

                </div>
                <div class="h_map_listlr">
                    <p class="h_map_listr1">艺点宁波</p>
                    <p class="h_map_listr2">NINGBO</p>
                </div>
            </div>
            <div style="clear: both;"></div>

        </div>
    </div>
    <div class="h_zhaopin_container1">
        <div class="h_zhaopin_part">

            <div class="h_box1" style="margin-right: 195px;">
                <div class="h_box_title">TELEPHONE</div>
                <div class="h_box_sub">Counseling</div>
                <div class="h_box_content">电话咨询</div>
                <div class="h_box_left">
                    <div class="h_box_people"><img src="/image/home/h_img5.png"></div>
                    <div class="h_box_text">别再犹豫，立即致电</div>
                    <div class="h_box_number">400-688-1314</div>
                    <div class="h_box_time">周一至周日（09:00 — 21:00）</div>
                    {{--<div class="h_box_time">周六至周日（09:00 —— 18:00）</div>--}}
                </div>
            </div>
            <div class="h_box1">
                <div class="h_box_title2">ONLINE</div>
                <div class="h_box_sub2">Consulting</div>
                <div class="h_box_content2">在线咨询</div>
                <div class="h_box_righ">
                    <div class="h_box_people2"><img src="/image/home/h_img4.png"></div>
                    <div class="h_box_text">项目顾问 - 立即沟通</div>
                    <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2880644294&amp;site=qq&amp;menu=yes" target="_blank" class="h_zhaopin_button">点击咨询</a>
                    {{--<div class="h_box_p">立刻获得专业建议</div>--}}

                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $(document).ready(function() {
            $(".h_ty").hover(function() {
                $(".h_ty_img").attr("src", "/image/home/h_gd.png");
                $("span.h_ty_dm").css({
                    'fontSize': '30px',
                    'color': '#ff5a00',
                    'fontWeight': 'bold',
                    'fontFamily': '微软雅黑'
                });

            }, function() {
                $(".h_ty_img").attr("src", "/image/home/h_yuan.png");
                $("span.h_ty_dm").css({
                    'fontSize': '20px',
                    'color': '#1b1b1b',
                    'fontFamily': '微软雅黑',
                    'fontWeight': '',
                });

            });
            $(".h_tj").hover(function() {
                $(".h_tj_img").attr("src", "/image/home/h_gd.png");
                $("span.h_tj_dm").css({
                    'fontSize': '30px',
                    'color': '#ff5a00',
                    'fontWeight': 'bold',
                    'fontFamily': '微软雅黑'
                });

            }, function() {
                $(".h_tj_img").attr("src", "/image/home/h_yuan.png");
                $("span.h_tj_dm").css({
                    'fontSize': '20px',
                    'color': '#1b1b1b',
                    'fontFamily': '微软雅黑',
                    'fontWeight': '',
                });

            });
            $(".h_dz").hover(function() {
                $(".h_dz_img").attr("src", "/image/home/h_gd.png");
                $("span.h_dz_dm").css({
                    'fontSize': '30px',
                    'color': '#ff5a00',
                    'fontWeight': 'bold',
                    'fontFamily': '微软雅黑'
                });

            }, function() {
                $(".h_dz_img").attr("src", "/image/home/h_yuan.png");
                $("span.h_dz_dm").css({
                    'fontSize': '20px',
                    'color': '#1b1b1b',
                    'fontFamily': '微软雅黑',
                    'fontWeight': '',
                });

            });
            $(".h_jn").hover(function() {
                $(".h_jn_img").attr("src", "/image/home/h_gd.png");
                $("span.h_jn_dm").css({
                    'fontSize': '30px',
                    'color': '#ff5a00',
                    'fontWeight': 'bold',
                    'fontFamily': '微软雅黑'
                });

            }, function() {
                $(".h_jn_img").attr("src", "/image/home/h_yuan.png");
                $("span.h_jn_dm").css({
                    'fontSize': '20px',
                    'color': '#1b1b1b',
                    'fontFamily': '微软雅黑',
                    'fontWeight': '',
                });

            });
            $(".h_sz").hover(function() {
                $(".h_sz_img").attr("src", "/image/home/h_gd.png");
                $("span.h_sz_dm").css({
                    'fontSize': '30px',
                    'color': '#ff5a00',
                    'fontWeight': 'bold',
                    'fontFamily': '微软雅黑'
                });

            }, function() {
                $(".h_sz_img").attr("src", "/image/home/h_yuan.png");
                $("span.h_sz_dm").css({
                    'fontSize': '20px',
                    'color': '#1b1b1b',
                    'fontFamily': '微软雅黑',
                    'fontWeight': '',
                });

            });

            $(".h_cq").hover(function() {
                $(".h_cq_img").attr("src", "/image/home/h_gd.png");
                $("span.h_cq_dm").css({
                    'fontSize': '30px',
                    'color': '#ff5a00',
                    'fontWeight': 'bold',
                    'fontFamily': '微软雅黑'
                });

            }, function() {
                $(".h_cq_img").attr("src", "/image/home/h_yuan.png");
                $("span.h_cq_dm").css({
                    'fontSize': '20px',
                    'color': '#1b1b1b',
                    'fontFamily': '微软雅黑',
                    'fontWeight': '',
                });

            });
            $(".h_ss").hover(function() {
                $(".h_ss_img").attr("src", "/image/home/h_gd.png");
                $("span.h_ss_dm").css({
                    'fontSize': '30px',
                    'color': '#ff5a00',
                    'fontWeight': 'bold',
                    'fontFamily': '微软雅黑'
                });

            }, function() {
                $(".h_ss_img").attr("src", "/image/home/h_yuan.png");
                $("span.h_ss_dm").css({
                    'fontSize': '20px',
                    'color': '#1b1b1b',
                    'fontFamily': '微软雅黑',
                    'fontWeight': '',
                });

            });
            $(".h_hz").hover(function() {
                $(".h_hz_img").attr("src", "/image/home/h_gd.png");
                $("span.h_hz_dm").css({
                    'fontSize': '30px',
                    'color': '#ff5a00',
                    'fontWeight': 'bold',
                    'fontFamily': '微软雅黑'
                });

            }, function() {
                $(".h_hz_img").attr("src", "/image/home/h_yuan.png");
                $("span.h_hz_dm").css({
                    'fontSize': '20px',
                    'color': '#1b1b1b',
                    'fontFamily': '微软雅黑',
                    'fontWeight': '',
                });

            });
            $(".h_bj").hover(function() {
                $(".h_bj_img").attr("src", "/image/home/h_gd.png");
                $("span.h_bj_dm").css({
                    'fontSize': '30px',
                    'color': '#ff5a00',
                    'fontWeight': 'bold',
                    'fontFamily': '微软雅黑'
                });

            }, function() {
                $(".h_bj_img").attr("src", "/image/home/h_red_star.png");
                $("span.h_bj_dm").css({
                    'fontSize': '20px',
                    'color': '#1b1b1b',
                    'fontFamily': '微软雅黑',
                    'fontWeight': '',
                });

            });
        });
    </script>
    <script type="text/javascript">
        //创建和初始化地图函数：
        function initMap(){
            createMap();//创建地图
            setMapEvent();//设置地图事件
            addMapControl();//向地图添加控件
            addMarker();//向地图中添加marker
        }

        //创建地图函数：
        function createMap(){
            var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
            var point = new BMap.Point(117.146958,39.184388);//定义一个中心点坐标
            map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
            window.map = map;//将map变量存储在全局
        }

        //地图事件设置函数：
        function setMapEvent(){
            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
            map.enableKeyboard();//启用键盘上下左右键移动地图
        }

        //地图控件添加函数：
        function addMapControl(){
        }

        //标注点数组
        var markerArr = [{title:"宝能创业中心",content:"天津红桥区光荣道<br/>宝能创业中心A座24层",point:"117.146931|39.184514",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
        ];
        //创建marker
        function addMarker(){
            for(var i=0;i<markerArr.length;i++){
                var json = markerArr[i];
                var p0 = json.point.split("|")[0];
                var p1 = json.point.split("|")[1];
                var point = new BMap.Point(p0,p1);
                var iconImg = createIcon(json.icon);
                var marker = new BMap.Marker(point,{icon:iconImg});
                var iw = createInfoWindow(i);
                var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
                marker.setLabel(label);
                map.addOverlay(marker);
                label.setStyle({
                    borderColor:"#808080",
                    color:"#333",
                    cursor:"pointer"
                });

                (function(){
                    var index = i;
                    var _iw = createInfoWindow(i);
                    var _marker = marker;
                    _marker.addEventListener("click",function(){
                        this.openInfoWindow(_iw);
                    });
                    _iw.addEventListener("open",function(){
                        _marker.getLabel().hide();
                    })
                    _iw.addEventListener("close",function(){
                        _marker.getLabel().show();
                    })
                    label.addEventListener("click",function(){
                        _marker.openInfoWindow(_iw);
                    })
                    if(!!json.isOpen){
                        label.hide();
                        _marker.openInfoWindow(_iw);
                    }
                })()
            }
        }
        //创建InfoWindow
        function createInfoWindow(i){
            var json = markerArr[i];
            var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
            return iw;
        }
        //创建一个Icon
        function createIcon(json){
            var icon = new BMap.Icon("/image/home/h_yuan.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
            return icon;
        }

        initMap();//创建和初始化地图
    </script>
    <script type="text/javascript">
        //创建和初始化地图函数：
        function initMap(){
            createMap();//创建地图
            setMapEvent();//设置地图事件
            addMapControl();//向地图添加控件
            addMarker();//向地图中添加marker
        }

        //创建地图函数：
        function createMap(){
            var map = new BMap.Map("dituContent1");//在百度地图容器中创建一个地图
            var point = new BMap.Point(116.492376,40.014561);//定义一个中心点坐标
            map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
            window.map = map;//将map变量存储在全局
        }

        //地图事件设置函数：
        function setMapEvent(){
            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
            map.enableKeyboard();//启用键盘上下左右键移动地图
        }

        //地图控件添加函数：
        function addMapControl(){
        }

        //标注点数组
        var markerArr = [{title:"北京市朝阳区望京东路 锐创国际2号楼2008室",content:"北京市朝阳区望京东路锐创国际2号楼2008室",point:"116.492363|40.014609",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
        ];
        //创建marker
        function addMarker(){
            for(var i=0;i<markerArr.length;i++){
                var json = markerArr[i];
                var p0 = json.point.split("|")[0];
                var p1 = json.point.split("|")[1];
                var point = new BMap.Point(p0,p1);
                var iconImg = createIcon(json.icon);
                var marker = new BMap.Marker(point,{icon:iconImg});
                var iw = createInfoWindow(i);
                var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
                marker.setLabel(label);
                map.addOverlay(marker);
                label.setStyle({
                    borderColor:"#808080",
                    color:"#333",
                    cursor:"pointer"
                });

                (function(){
                    var index = i;
                    var _iw = createInfoWindow(i);
                    var _marker = marker;
                    _marker.addEventListener("click",function(){
                        this.openInfoWindow(_iw);
                    });
                    _iw.addEventListener("open",function(){
                        _marker.getLabel().hide();
                    })
                    _iw.addEventListener("close",function(){
                        _marker.getLabel().show();
                    })
                    label.addEventListener("click",function(){
                        _marker.openInfoWindow(_iw);
                    })
                    if(!!json.isOpen){
                        label.hide();
                        _marker.openInfoWindow(_iw);
                    }
                })()
            }
        }
        //创建InfoWindow
        function createInfoWindow(i){
            var json = markerArr[i];
            var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
            return iw;
        }
        //创建一个Icon
        function createIcon(json){
            var icon = new BMap.Icon("/image/home/h_yuan.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
            return icon;
        }

        initMap();//创建和初始化地图
    </script>
    <script type="text/javascript">
        //创建和初始化地图函数：
        function initMap(){
            createMap();//创建地图
            setMapEvent();//设置地图事件
            addMapControl();//向地图添加控件
            addMarker();//向地图中添加marker
        }

        //创建地图函数：
        function createMap(){
            var map = new BMap.Map("dituContent3");//在百度地图容器中创建一个地图
            var point = new BMap.Point(121.393558,31.243558);//定义一个中心点坐标
            map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
            window.map = map;//将map变量存储在全局
        }

        //地图事件设置函数：
        function setMapEvent(){
            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
            map.enableKeyboard();//启用键盘上下左右键移动地图
        }

        //地图控件添加函数：
        function addMapControl(){
        }

        //标注点数组
        var markerArr = [{title:"宝能创业中心",content:"天津红桥区光荣道<br/>宝能创业中心A座24层",point:"117.146931|39.184514",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
            ,{title:"上海市普陀区丹巴路1238号&nbsp;恩瓦德大厦E座10楼",content:"上海市普陀区丹巴路1238号<br/>恩瓦德大厦E座10楼",point:"121.393571|31.243596",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
        ];
        //创建marker
        function addMarker(){
            for(var i=0;i<markerArr.length;i++){
                var json = markerArr[i];
                var p0 = json.point.split("|")[0];
                var p1 = json.point.split("|")[1];
                var point = new BMap.Point(p0,p1);
                var iconImg = createIcon(json.icon);
                var marker = new BMap.Marker(point,{icon:iconImg});
                var iw = createInfoWindow(i);
                var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
                marker.setLabel(label);
                map.addOverlay(marker);
                label.setStyle({
                    borderColor:"#808080",
                    color:"#333",
                    cursor:"pointer"
                });

                (function(){
                    var index = i;
                    var _iw = createInfoWindow(i);
                    var _marker = marker;
                    _marker.addEventListener("click",function(){
                        this.openInfoWindow(_iw);
                    });
                    _iw.addEventListener("open",function(){
                        _marker.getLabel().hide();
                    })
                    _iw.addEventListener("close",function(){
                        _marker.getLabel().show();
                    })
                    label.addEventListener("click",function(){
                        _marker.openInfoWindow(_iw);
                    })
                    if(!!json.isOpen){
                        label.hide();
                        _marker.openInfoWindow(_iw);
                    }
                })()
            }
        }
        //创建InfoWindow
        function createInfoWindow(i){
            var json = markerArr[i];
            var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
            return iw;
        }
        //创建一个Icon
        function createIcon(json){
            var icon = new BMap.Icon("/image/home/h_yuan.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
            return icon;
        }

        initMap();//创建和初始化地图
    </script>
    <script type="text/javascript">
        //创建和初始化地图函数：
        function initMap(){
            createMap();//创建地图
            setMapEvent();//设置地图事件
            addMapControl();//向地图添加控件
            addMarker();//向地图中添加marker
        }

        //创建地图函数：
        function createMap(){
            var map = new BMap.Map("dituContent4");//在百度地图容器中创建一个地图
            var point = new BMap.Point(106.496227,29.626771);//定义一个中心点坐标
            map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
            window.map = map;//将map变量存储在全局
        }

        //地图事件设置函数：
        function setMapEvent(){
            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
            map.enableKeyboard();//启用键盘上下左右键移动地图
        }

        //地图控件添加函数：
        function addMapControl(){
        }

        //标注点数组
        var markerArr = [{title:"宝能创业中心",content:"天津红桥区光荣道<br/>宝能创业中心A座24层",point:"117.146931|39.184514",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
            ,{title:"上海市普陀区丹巴路1238号&nbsp;恩瓦德大厦E座10楼",content:"上海市普陀区丹巴路1238号<br/>恩瓦德大厦E座10楼",point:"121.393571|31.243596",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
            ,{title:"重庆市渝北区两江新区互联网产业园3号楼1楼",content:"重庆市渝北区两江新区互联网产业园3号楼1楼",point:"106.497363|29.626583",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
        ];
        //创建marker
        function addMarker(){
            for(var i=0;i<markerArr.length;i++){
                var json = markerArr[i];
                var p0 = json.point.split("|")[0];
                var p1 = json.point.split("|")[1];
                var point = new BMap.Point(p0,p1);
                var iconImg = createIcon(json.icon);
                var marker = new BMap.Marker(point,{icon:iconImg});
                var iw = createInfoWindow(i);
                var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
                marker.setLabel(label);
                map.addOverlay(marker);
                label.setStyle({
                    borderColor:"#808080",
                    color:"#333",
                    cursor:"pointer"
                });

                (function(){
                    var index = i;
                    var _iw = createInfoWindow(i);
                    var _marker = marker;
                    _marker.addEventListener("click",function(){
                        this.openInfoWindow(_iw);
                    });
                    _iw.addEventListener("open",function(){
                        _marker.getLabel().hide();
                    })
                    _iw.addEventListener("close",function(){
                        _marker.getLabel().show();
                    })
                    label.addEventListener("click",function(){
                        _marker.openInfoWindow(_iw);
                    })
                    if(!!json.isOpen){
                        label.hide();
                        _marker.openInfoWindow(_iw);
                    }
                })()
            }
        }
        //创建InfoWindow
        function createInfoWindow(i){
            var json = markerArr[i];
            var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
            return iw;
        }
        //创建一个Icon
        function createIcon(json){
            var icon = new BMap.Icon("/image/home/h_yuan.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
            return icon;
        }

        initMap();//创建和初始化地图
    </script>
@endsection